Skip to content

Conversation

@Robert27
Copy link

@Robert27 Robert27 commented Jan 27, 2025

This pull request introduces a new feature to handle the keyboard safe area in the react-native-bottom-tabs package. The changes include updates to both the iOS implementation and the TypeScript interfaces to support this feature. See #255

PR Description

iOS Implementation:

  • TabViewImpl.swift: Added a condition to ignore the keyboard safe area based on a new property ignoresKeyboardSafeArea.
  • TabViewProps.swift: Introduced a new published property ignoresKeyboardSafeArea to manage the keyboard safe area behavior.
  • TabViewProvider.swift: Added a new property ignoresKeyboardSafeArea with an observer to update related properties.

TypeScript Interfaces:

  • TabView.tsx: Added a new prop ignoresKeyboardSafeArea with a default value and passed it to the native component. [1] [2] [3]
  • TabViewNativeComponent.ts: Updated the TabViewProps interface to include the new ignoresKeyboardSafeArea property.

How to test?

Screenshots

Before:
https://github.com/user-attachments/assets/956cd05b-66e9-4b71-ac23-fdeb7fd52af8

After:
https://github.com/user-attachments/assets/7a376818-6e8a-4e63-8d15-654d8d650bbb

@okwasniewski
Copy link
Member

Hey, thank you for opening a new PR and working on this. I think I found root cause of your issue and fixed it in this PR: #269 can you take a look?

@Robert27 Robert27 closed this Jan 30, 2025
@Robert27
Copy link
Author

I tested it and can confirm your pr solves the issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants